.login {
    height: 100vh !important;
    background-image: url('../img/background.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.el-container {
    height: 100% !important;
    background-color: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: rgba(142, 142, 142, 0.19) 0px 6px 15px 0px;
    -webkit-box-shadow: rgba(142, 142, 142, 0.19) 0px 6px 15px 0px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    color: rgb(0, 0, 0);
}

.el-header {
    text-align: center;
    margin-top: 20px;
    font-family: verdana, sans-serif;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 9pt;
}

.el-footer {
    text-align: center;
    font-size: 10px;
    height: 5vh !important;
}

.userHeader {
    margin: 5px;
    font-size: 20px;
    color: black;
}

.cardInput {
    width: 300px;
    margin: 0 auto;
}

.confirmButton {
    width: 200px;
    margin-top: 20px;
}